@import "./mixins";


@color-primary: #c3976e;  // 主色
@color-primary-darker: #000; // 主色暗系 暂无
@color-primary-lighter: #fcb675; // 主色亮系
@color-accent: #000; // 辅色  暂无
@color-accent-darker: #000; // 辅色暗系 暂无
@color-accent-lighter: #000; // 辅色亮系 暂无
@color-warm-lighter: #000; // 辅色亮系 暂无
@color-success-lighter: #50C882; // 辅色亮系
@color-error-lighter: #E53935; // 辅色亮系

// textColor or borderColor
@color-text: rgba(0, 0, 0, 0.87); // 普通字体颜色
@color-text-secondary: fade(rgba(0, 0, 0, 0.54), 54%); // 第二字体颜色
@color-text-disabled: fade(rgba(0, 0, 0, 1), 38%); // 字体禁止色
@color-text-alternate: #fff; // 白色字体颜色
@color-border: fade(rgba(0, 0, 0, 1), 12%); // 边框色

// background
@color-background: #fff;
@color-background-secondary: #eee;
@color-background-status-bar: #fff;

// icon color
@color-icon-active: fade(rgba(0, 0, 0, 1), 54%); // 图标颜色
@color-icon-active: fade(rgba(0, 0, 0, 1), 38%); // 图标禁止颜色

@font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;

// size
@size-icon: 24px; // 图标大小
@size-gutter: 24px; // 普通间隔
@size-gutter-more: 32px; // 大间隔
@size-gutter-less: 16px; // 小间隔
@size-gutter-mini: 8px; // 迷你间隔
@size-font: 14px; // 普通字体大小
@size-font-min: 12px;
@size-font-more: 16px;
@size-font-max: 18px;

/*********************************************
 * config of icon
 * 1 icon path
 * 2 icon name
 *********************************************/

// 1
@icon-path-eot: '../../assets/font/materialicons-regular.eot';
@icon-path-ttf: '../../assets/font/materialicons-regular.ttf';
@icon-path-woff: '../../assets/font/materialicons-regular.woff';
@icon-path-woff2: '../../assets/font/materialicons-regular.woff2';
@icon-name: 'icon font';

/*********************************************
 *  config of z-index
 *  1 bottom       0  ~ 19
 *  2 layout       20 ~ 39
 *  3 float        40 ~ 59
 *  4 pop box      60 ~ 79
 *  5 top          80 ~ 99
 *********************************************/
@z-bottom: 0;
@z-layout: 20;
@z-float: 40;
@z-pop-box: 60;
@z-top: 80;

